<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>箭头函数</title>
    <style>
        *{margin: 0;padding: 0;list-style-type: none;}
    </style>
</head>
<body>
    <script>
        document.onclick = () => {
            console.log(this);
        }
        let fn1 = () =>{
            console.log(this);
        }
        let fn2 = (a,b) =>{
            console.log(this);
        }
        //若只有一个形参，可以省略()
        let fn3 = c =>{
            console.log(this);
        }
        /*
            箭头函数   es6新增语法糖
                主要用于回调函数上
                a函数作为b函数的参数，那么这个函数就叫回调函数

            箭头函数与function声明的函数大部分作用是相同的，也有一些区别。

                箭头函数与function声明的函数的区别：
                    箭头函数内部没有this,如果在箭头函数内部使用this，那么它会找箭头函数的父级作用域window来借
                    不能被new执行，不能作为构造函数使用
        */
    </script>
</body>
</html>